<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE >
<html>
<head>
<meta charset=UTF-8>
<title></title>
<link rel="stylesheet" href="${webroot }css/bootstrap.min.css">
<link rel="stylesheet" href="${webroot }css/common.css">
<script src="${webroot }js/jquery.min.js"></script>
<script src="${webroot }js/bootstrap.min.js"></script>
<script src="${webroot }js/web.config.js"></script>
<script src="${webroot }js/func.action.js"></script>
</head>
<body>
	<div class="center">
		<div class="each">
			<div class="box">
				<a href="#" onclick="sureID('machine/client/sure')">我要确认入座</a>
			</div>
		</div>
		<div class="each">
			<div class="box">
				<a href="#" onclick="sureID('machine/client/leave')">我要暂时离开</a>
			</div>
		</div>
		<div class="each">
			<div class="box">
				<a href="#" onclick="sureID('machine/client/cancel')">我要取消预约</a>
			</div>
		</div>
		<div class="each">
			<div class="box">
				<a href="#" onclick="sureID('machine/client/complete')">我要取消预约</a>
			</div>
		</div>
	</div>

	<div class="modal fade" id="ID_card" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">座位预约</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label class="login_label">学号：</label> <input
							class="form-control login_input" type="number" placeholder="请输入学号"
							name="stuNo">
					</div>
					<div class="form-group">
						<label class="login_label">密码：</label> <input
							class="form-control login_input" type="password" placeholder="请输入密码"
							name="stuPass">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" id="sure" class="btn btn-primary">提交</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	<div class="modal fade" id="record" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">预约记录</h4>
				</div>
				<div class="modal-body">
					<table class="table">
						<tbody>
							<tr>
								<td>教学楼</td>
								<td id="bu"></td>
								<td>教室号</td>
								<td id="rm"></td>
							</tr>
							<tr>
								<td>座位号</td>
								<td id="ds"></td>
								<td>预约日期</td>
								<td id="date"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
</body>
</html>